<h3><a href="#/board/<%- card_user[0].attributes.board_id%>"><%- key %></a></h3>
<div class="col-xs-12">
	<div class="board-viewlist table-responsive">
		<table class="table">
			<thead>
				<tr>
					<th>
						<ul class="list-inline navbar-btn clearfix">
							<li class="col-md-1 col-xs-2"><%- i18next.t("ID") %></li>
							<li class="col-md-4 col-xs-3 pl0"><%- i18next.t("Card Name") %></li>
							<li class="col-md-4 col-xs-3 pl0"><%- i18next.t("List Name") %></li>
							<li class="col-md-3 col-xs-4"></li>                            
						</ul>
					</th>
				</tr>
			</thead>
			<tbody class="js-card-list-view-11">
		<% _.each(card_user, function(user_card) { %>
			<% if(parseInt(user_card.attributes.is_archived) === 0) { %>
				<tr>
				<td>
					<div class="panel cur pl0" id="js-card-1449">
						<div class="panel-body pl0"> 
							<ul class="list-inline navbar-btn clearfix js-open-model-car-view" data-id="<%- user_card.id%>">
								<li class="col-md-1 col-xs-2 pl0"><span class="card-id">#<%- user_card.id%></span></li>
								<li class="col-md-4 col-xs-3 pl0 htruncate"><span class="js-open-model-car-view" data-id="<%- user_card.id%>" title="<%- user_card.attributes.name %>"><%= filterXSS(user_card.attributes.name) %></span></li> 
								<li class="col-md-4 col-xs-3 pl0 htruncate"><span title="<%- user_card.attributes.list_name %>"><%- user_card.attributes.list_name %></span></li>
								<li class="col-md-3 col-xs-4 pl0 htruncate">
									<ul class="list-inline text-muted clearfix">
										<% if(user_card.attributes.cards_subscriber_count > 0){ %>
											<li><small title="<%- i18next.t('Subscribed') %>"><span class="icon-eye-open"></span></small></li>
										<% } %> 
										<% if(user_card.attributes.card_voter_count > 0){ %>
										<li><small title="<%- i18next.t('{{count}} Vote', {count: user_card.attributes.card_voter_count}) %>"><span class="icon-thumbs-up"></span><span><%- user_card.attributes.card_voter_count %></span></small></li>
										<% } %>
										<% if(user_card.attributes.comment_count > 0){ %>
											<li><small title="<%- i18next.t('{{count}} Comment', {count: user_card.attributes.comment_count}) %> "><span class="icon-comment"></span><span><%- user_card.attributes.comment_count %></span></small></li>
										<% } %>
										<% if(!_.isEmpty(user_card.attributes.description)){ %>
											<li><small title="<%- i18next.t('Description') %>"><span class="icon-align-left"></span><span></span></small></li>
										<% } %>
										<% if(user_card.attributes.checklist_item_count > 0){ %>
											<li><small title="<%- i18next.t('%s checklist completed out of %s', { postProcess: 'sprintf', sprintf: [user_card.attributes.checklist_item_completed_count, user_card.attributes.checklist_item_count]}) %> "><% if(user_card.attributes.checklist_item_completed_count == user_card.attributes.checklist_item_count) { %><div class="label label-success"> <% } %><span class="icon-list-ul"></span><span><%- user_card.attributes.checklist_item_completed_count %>/<%- user_card.attributes.checklist_item_count %></span><% if(user_card.attributes.checklist_item_completed_count == user_card.attributes.checklist_item_count) { %></div><% } %></small></li>
										<% } %> 
										<% if(!_.isUndefined(user_card.attributes.due_date) && !_.isEmpty(user_card.attributes.due_date) && user_card.attributes.due_date != 'NULL'){
											var date_times = user_card.attributes.due_date.split('T'),hours_mins;
											var date_time = date_times[0].split(' ');
											if (_.isUndefined(date_times[1])) {
												var time_split = user_card.attributes.due_date.split(' ');
												date_times[1] = time_split['1'];
											}
											if (!_.isEmpty(date_times[1])) {
												hours_mins = date_times[1].split(':');
												var noon = '';
												if (hours_mins[0] < 12) {
													noon = 'AM';
												} else {
													noon = 'PM';
													if (hours_mins[0] != 12) {
														hours_mins[0] = hours_mins[0] - 12;
													}
													if (hours_mins[0] < 10) {
														hours_mins[0] = '0' + hours_mins[0];
													}
												}
												hours_mins = hours_mins[0] + ':' + hours_mins[1] + ' ' + noon;
											}	
											var today = new Date();
											card_due_date = user_card.attributes.due_date.split('T');
											var due_date = new Date(card_due_date[0]);
											var diff = Math.floor(due_date.getTime() - today.getTime());
											var day = 1000 * 60 * 60 * 24;
											var days = Math.floor(diff / day);
											var label;
											if (days < -1) {
												label = 'label-danger';
											} else if (days == -1) {
												label = 'label-present';
											} else if (days > -1) {
												label = 'label-future';
											}
										%>
										<% if(!_.isUndefined(label) && !_.isEmpty(label) && label != null) { %>
											<li><small title=" <%- i18next.t('Due Date') %>"><span class="label <%- label %>"><%= dateFormat(date_time[0], 'mediumDate')  %>&nbsp; <%- hours_mins %></span></small></li>
										<% }
										} %>
										<% if(user_card.attributes.attachment_count > 0){ %>
											<li>
												<small title="<%- i18next.t('{{count}} Attachment', {count: user_card.attributes.attachment_count}) %> ">
													<span class="icon-paper-clip"></span>
													<span>
													<%- user_card.attributes.attachment_count %>
													</span>
												</small>
											</li>
										<% } %> 
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</td>
				</tr>
			<% } %>
		<% }); %>
		</tbody>
		</table>
	</div>
</div>